<script>
	import config from './config'
	import store from '@/store'
	import {
		getToken
	} from '@/utils/auth'

	export default {
		onLaunch: function() {
			console.log("APP加载");
			this.initApp()
		},
		methods: {
			// 初始化应用
			initApp() {
				// 初始化应用配置
				this.initConfig()
				// 检查用户登录状态
				//#ifdef H5
				this.checkLogin()
				//#endif
			},
			initConfig() {
				this.globalData.config = config
			},
			checkLogin() {

			}
		}
	}
</script>

<style lang="scss">
	@import '@/static/scss/index.scss'
</style>

<style>
	.uni-tabbar-bottom {}

	.uni-tabbar {
		display: block;
		box-sizing: border-box;
		margin: 20rpx 20rpx;
		z-index: 998;
		border-radius: 40rpx;
		background-color: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(10rpx);
	}

	page {
		margin: auto;
		// font-family: -apple-system, BlinkMacSystemFont, sans-serif;
		// overflow: auto;
		// background: linear-gradient(315deg, #fe6f00 38%, #c6de71 38%, #ff7bd9 68%, #FF6145 73%);
		// animation: gradient 15s ease infinite;
		// background-size: 400% 400%;
		// background-attachment: fixed;
		height: 100%;
	}

	@keyframes gradient {
		0% {
			background-position: 0% 0%;
		}

		25% {
			background-position: 25% 25%;
		}

		50% {
			background-position: 100% 100%;
		}

		70% {
			background-position: 70% 70%;
		}

		100% {
			background-position: 0% 0%;
		}


	}

	.wave {
		background: rgb(255 255 255 / 25%);
		/* background: rgba(255, 255,255, .1); */
		border-radius: 1000% 1000% 0 0;
		position: fixed;
		width: 200%;
		height: 12em;
		animation: wave 10s -3s linear infinite;
		transform: translate3d(0, 0, 0);
		opacity: 0.8;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	.wave:nth-of-type(2) {
		bottom: -1.25em;
		animation: wave 18s linear reverse infinite;
		opacity: 0.8;
	}

	.wave:nth-of-type(3) {
		bottom: -2.5em;
		animation: wave 10s -1s reverse infinite;
		opacity: 0.9;
	}

	@keyframes wave {
		2% {
			transform: translateX(1);
		}

		25% {
			transform: translateX(-25%);
		}

		50% {
			transform: translateX(-50%);
		}

		75% {
			transform: translateX(-25%);
		}

		100% {
			transform: translateX(1);
		}
	}
</style>